<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>站酷网</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="../zhanku/css/style.css">
    <link rel="stylesheet" href="../zhanku/css/Animate.css">
    <script src="js/js.js"></script>
    <script src="css/style.css"></script>

</head>

<body>
   
    <div class="wrap">
        <!-- 顶部部分 -->
        <div class="top">
            <div class="content">
                <div class="top_left">
                   
                    <b><span>ZCOOL 站酷网</span></b>
                </div>
                <div class="top_mid">
                    <ul id="nav" class="animated fadeInLeft">
                        <li class="active"><a href="index.html"><span>首页</span></a></li>
                        <li><a href=""><span>发现</span></a></li>
                        <li><a href=""><span>职位</span></a></li>
                        <li><a href=""><span>活动</span></a></li>
                      
                    </ul>
                </div>
                <div class="top_right">
                    <button>登录</button>
                    <button>注册</button>
                    
                   
                </div>
            </div>
        </div>

        <!-- 五个广告部分 -->
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <div class="thumbnail">
                        <a href="#">
                        <img src="img/P1.jpg" alt="242*200" style="width: 270px; height: 168px;">
                        </a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="thumbnail">
                        <a href="#">
                        <img src="img/P2.jpg" alt="242*200" style="width: 270px; height: 168px;">
                        </a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="thumbnail">
                        <a href="#">
                        <img src="img/P3.jpg" alt="242*200" style="width: 270px; height: 168px;">
                        </a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="thumbnail">
                        <a href="#">
                        <img src="img/p4.jpg" alt="242*200" style="width: 270px; height: 168px;">
                        </a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="thumbnail">
                        <a href="#">
                        <img src="img/p5.jpg" alt="242*200" style="width: 270px; height: 168px;">
                        </a>
                    </div>
                </div>
      </div>
    </div>






        </div>
       <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>